<template>
	
    <div class='panel-inner-container flex-col theme-font-color'>
    	<!-- 顶部信息 -->
		<div class="top-cont flex-col padding-005rem">
			<Top/>
		</div>
		<!-- 面板信息 -->
		<div class="flex-1 flex-row">
			<div class="left-cont">
				<Left/>
			</div>
			<div class="center-cont ">
				<CenterCpn/>
			</div>
			<div class="right-cont">
				<Right/>
			</div>
		</div>
    </div>

	
</template>

<script>
import Top from './Top.vue'
import Left from './Left.vue'
import CenterCpn from './Center.vue'
import Right from './Right.vue'
	export default{
		mounted(){},
		components:{
			Top,Left,CenterCpn,Right
		}
	}
</script>

<style scoped lang="scss">
.panel-inner-container{
    width: 100%;
    height: 100%;

    .top-cont{
    	height:0.65rem;
    	// background:#66666690;
    }
	.left-cont{
		// background:#66666690;
		min-width:20%;
	}
	.center-cont{
		// background:#66666660;
		flex:1;
	}
	.right-cont{
		// background:#66666630;
		min-width:20%;
	}
}
</style>